<template>
    <div class="xue-video-box">
        <video
            :src="`${src}?${new Date().getTime()}`"
            class="xue-video"
            v-if="!isEdit"
            preload
            :cache="false"
            autoplay
            />
        <img :src="`${src}?vframe/jpg/offset/1`" class="xue-video" v-if="isEdit" />
    </div>
  
</template>

<script>
export default {
    props: {
        src: {
            type: String,
            default: '',
        },
        isEdit: {
            type: Boolean,
            default: true,
        },
    },
    mounted() {
        console.log('is edit==>', this.isEdit);
    }
}
</script>

<style lang="less" scoped>
.xue-video-box {
    width: 100%;
    height: 100%;
    .xue-video {
        width: 100%;
        height: 100%;
    }
}
</style>